﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="Admin_Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta charset="utf-8" />
    <title>Đăng nhập</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="css/style.min.css" rel="stylesheet" />
    <link href="css/style_responsive.css" rel="stylesheet" />
    <link href="css/style_gray.css" rel="stylesheet" id="style_color" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
        .chkRemember Label
        {
            float: right;
            line-height: 8px;
            margin: auto;
            padding-left: 5px;
        }
    </style>
</head>
<body id="login-body">
    <form id="form1" runat="server">
        <div class="login-header">
            <div id="logo" class="center">
                <img src="img/logo.png" alt="logo" class="center" /></div>
        </div>
        <div id="login">
            <asp:Login ID="Login1"  runat="server" FailureText="Đăng nhập không thành công." LoginButtonText="Đăng nhập"
                PasswordLabelText="Mật khẩu :" 
                PasswordRequiredErrorMessage="Nhập mật khẩu" RememberMeText="Ghi nhớ lần đăng nhập tiếp"
                TitleText="Đăng Nhập" UserNameLabelText="Tên đăng nhập :" 
                UserNameRequiredErrorMessage="Nhập tên đăng nhập" 
                onloggedin="Login1_LoggedIn" onloginerror="Login1_LoginError">
                <LayoutTemplate>
                    <div class="lock">
                        <i class="icon-lock"></i>
                    </div>
                    <div class="control-wrap">
                        <u><h4>ĐĂNG NHẬP NGƯỜI DÙNG</h4></u>
                        <div class="control-group">
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on"><i class="icon-user"></i></span>
                                    <asp:TextBox ID="UserName" runat="server" placeholder="Tài khoản" ToolTip="Nhập tên đăng nhập"></asp:TextBox>
                                    <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName"
                                        ErrorMessage="Nhập tên đăng nhập" Display="Static" SetFocusOnError="True" ToolTip="Nhập tên đăng nhập" ValidationGroup="Login1">*</asp:RequiredFieldValidator></div>
                            </div>
                        </div>
                        <div class="control-group">
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on"><i class="icon-key"></i></span>
                                    <asp:TextBox ID="Password" runat="server" placeholder="Mật khẩu" TextMode="Password" ToolTip="Nhập mật khẩu" ></asp:TextBox>(*)
                                    <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password"
                                        ErrorMessage="Nhập mật khẩu" ToolTip="Nhập mật khẩu" 
                                        ValidationGroup="Login1" Display="Static" SetFocusOnError="True">*</asp:RequiredFieldValidator>
                                </div>
                                <div class="mtop10">
                                    <div class="block-hint pull-left small">
                                        <asp:CheckBox ID="RememberMe" runat="server" Text="Ghi nhớ cho lần đăng nhập tiếp theo"
                                            CssClass="chkRemember" />
                                    </div>
                                    <div class="clearfix space5">
                                    </div>
                                </div>
                                <p>
                                    <div id="divWarning" class="alert alert-block alert-error fade in" runat="server" visible="true">
                                        <button data-dismiss="alert" class="close">
                                            ×</button>
                                            <h4 class="alert-heading">Cảnh báo!</h4>
                                            <asp:ValidationSummary ID="ValidationSummary1" runat="server" ForeColor="#E81212"
                                            HeaderText="" ValidationGroup="Login1" />
                                        <asp:CustomValidator ID="checkValidServer" runat="server" ErrorMessage="CustomValidator"
                                            Display="None" ValidationGroup="Login1" onservervalidate="checkValidServer_ServerValidate" ></asp:CustomValidator>
                                        <asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>
                                    </div>
                                    <p>
                                    </p>
                                </p>
                            </div>
                        </div>
                        <asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="ĐĂNG NHẬP"
                            class="btn btn-block login-btn" ValidationGroup="Login1" 
                           />
                    </div>
                </LayoutTemplate>
            </asp:Login>
        </div>
       <%-- <div id="login-copyright">
            Copyright 2013 &copy; by Nguyễn Hoàng Dũng
            <p>
                <a href="mailto:skatervn@outlook.com">skatervn@outlook.com</a></p>
        </div>--%>
    </form>
    <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="js/jquery.blockui.js" type="text/javascript"></script>
    <script src="js/scripts.js" type="text/javascript"></script>
    <script type="text/javascript">        jQuery(document).ready(function () { App.initLogin() });</script>
</body>
</html>
